@extends('business-department.business-layouts')
@section('style')
    <meta name="_token" content="{{ csrf_token() }}"/>
    <style>
        .business-index-th{
            text-align: center;
            color: #676767;
        }
        .business-index-td{
            text-align: center;
            color: #676767;
        }


    </style>
    <link rel="stylesheet" href="{{asset('admin_assets/css/bootstrap-datetimepicker.min.css')}}">
@stop
@section('content')
    <div class="content-wrapper" style="background-color: white">
        <section class="content">
            <div class="row">
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
                    <div class="small-box bg-aqua">
                        <div class="inner">
                            <h3>210</h3>
                            <p>业务总数</p>
                        </div>
                        <div class="icon">
                            <i class="fa fa-bar-chart"></i>
                        </div>
                        <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
                    <div class="small-box bg-green">
                        <div class="inner">
                            <h3>210</h3>
                            <p>待上传资料</p>
                        </div>
                        <div class="icon">
                            <i class="fa fa-bar-chart"></i>
                        </div>
                        <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
                    <div class="small-box bg-yellow">
                        <div class="inner">
                            <h3>44</h3>
                            <p>申请通知书</p>
                        </div>
                        <div class="icon">
                            <i class="fa fa-bar-chart"></i>
                        </div>
                        <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
                    <div class="small-box bg-green-gradient">
                        <div class="inner">
                            <h3>65</h3>
                            <p>待结算</p>
                        </div>
                        <div class="icon">
                            <i class="fa fa-bar-chart"></i>
                        </div>
                        <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
                    <div class="small-box bg-red">
                        <div class="inner">
                            <h3>65</h3>
                            <p>尾款需结算</p>
                        </div>
                        <div class="icon">
                            <i class="fa fa-bar-chart"></i>
                        </div>
                        <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6">
                    <div class="small-box bg-teal-gradient">
                        <div class="inner">
                            <h3>65</h3>
                            <p>已结单数</p>
                        </div>
                        <div class="icon">
                            <i class="fa fa-bar-chart"></i>
                        </div>
                        <a href="#" class="small-box-footer">详情<i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th class="business-index-th">编号</th>
                                <th class="business-index-th">任务类型</th>
                                <th class="business-index-th">申请人</th>
                                <th class="business-index-th">联系电话</th>
                                <th class="business-index-th">申请日期</th>
                                <th class="business-index-th">款项金额</th>
                                <th class="business-index-th">尾款金额</th>
                                <th class="business-index-th">尾款支付时间</th>
                                <th class="business-index-th">进度</th>
                                <th class="business-index-th">报件资料</th>
                                <th class="business-index-th">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td class="business-index-td">1</td>
                                <td class="business-index-td">商标</td>
                                <td class="business-index-td">刘一</td>
                                <td class="business-index-td">13100001100</td>
                                <td class="business-index-td">2017.10.11</td>
                                <td class="business-index-td">¥19800.00</td>
                                <td class="business-index-td">¥9000.00</td>
                                <td class="business-index-td">2017.11.10</td>
                                <td class="business-index-td">未结算</td>
                                <td class="business-index-td">未上传</td>
                                <td class="business-index-td">
                                    <a href="#">查看详情</a>
                                    <a href="#" data-toggle="modal" data-target="#modal-make-money">设置款项</a>
                                    <span href="#">转接</span>
                                </td>
                            </tr>
                            <tr>
                                <td class="business-index-td">2</td>
                                <td class="business-index-td">专利</td>
                                <td class="business-index-td">刘一</td>
                                <td class="business-index-td">13100001100</td>
                                <td class="business-index-td">2017.10.11</td>
                                <td class="business-index-td">¥19800.00</td>
                                <td class="business-index-td">¥9000.00</td>
                                <td class="business-index-td">2017.11.10</td>
                                <td class="business-index-td">等待流程部接单</td>
                                <td class="business-index-td">资料审阅</td>
                                <td class="business-index-td">
                                    <a href="#">查看详情</a>
                                </td>
                            </tr>
                            <tr>
                                <td class="business-index-td">3</td>
                                <td class="business-index-td">专利</td>
                                <td class="business-index-td">刘一</td>
                                <td class="business-index-td">13100001100</td>
                                <td class="business-index-td">2017.10.11</td>
                                <td class="business-index-td">¥19800.00</td>
                                <td class="business-index-td">¥9000.00</td>
                                <td class="business-index-td">2017.11.10</td>
                                <td class="business-index-td">首款结算完成</td>
                                <td class="business-index-td">未上传</td>
                                <td class="business-index-td">
                                    <a href="#">查看详情</a>
                                    <span href="#" >设置款项</span>
                                    <span href="#">转接</span>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </section>
    </div>
    @include('public/make-moneyModal')
@stop
@section('javascript')
    <script src="{{asset('admin_assets/js/bootstrap-datetimepicker.min.js')}}"></script>
    <script>
        $(".form_datetime").datetimepicker({
            format: "yyyy-mm-dd hh:ii:ss",
            autoclose: true,
            todayBtn: true,
            minuteStep: 10,
            language: "en"
        });
    </script>
@stop
